import React from 'react'
import './Imgcart.css'

function Imgcart() {
    const items = [
        {  
            imgage:'https://js.ibaotu.com/act/24/06/04/1.png',
          list: [
            { images: 'https://js.ibaotu.com/act/24/05/22/664d6a4761b63.jpg', href: '' },
            { images: 'https://js.ibaotu.com/act/24/06/27/667cca1ce55d7.jpg', href: '' },
            { images: 'https://js.ibaotu.com/act/24/08/30/66d1810d35fff.jpg', href: '' },
            { images: 'https://js.ibaotu.com/act/24/09/10/66dfc70ae8ee5.png', href: '' },
            { images: 'https://js.ibaotu.com/act/24/08/30/66d19e797aa4b.jpg', href: '' },
            { images: 'https://js.ibaotu.com/act/24/05/22/664d6a5073b0d.jpg', href: '' }
          ],
          xlist: [
            { images: 'https://js.ibaotu.com/act/24/01/08/4.png', href: '' },
            { images: 'https://js.ibaotu.com/act/24/04/09/6614f0d5d9378.jpg', href: '' },
            { images: 'https://js.ibaotu.com/act/24/05/30/6.jpg', href: '' },
            { images: 'https://js.ibaotu.com/act/23/04/23/64449b2bb98a2.png', href: '' },
          ]
        },
      ];
    
  return (
    <div className='icart_box'>
        <div className='icart_top'>
            {
                items[0].list.map((item, index) => (
                    <div key={index}>
                        <img  src={item.images} alt='img' />
                    </div>
                ))
            }
        </div>
        <div className='icart_bottom'>
            <div className='cda_tu'>
                <img src={items[0].imgage} alt='img' />
            </div>
            <div className='cxiao_tu'>
               <div className='cxiao_tit'>
                <h3>活动进行中</h3>
               </div>
               <div className='cxiao_list'>
               {
                items[0].xlist.map((item, index) => (
                    <div key={index}>
                        <img  src={item.images} alt='img' />
                    </div>
                ))
            }
               </div>
            </div>
        </div>
    </div>
  )
}

export default Imgcart